当前第2页 返回上一页
下载vue.js 地址：https://vuejs.org/v2/guide/installation.html，下载完之后在HTML中加入vue.js包。
1 | <script src="${path}/web/constant/vue.js"></script>
|
在当前html中，写入js代码：
1 2 3 4 5 6 7 8 | <script type="text/javascript">
new Vue({
el:'#app',
data: {
message:'hello vue.js.'
}
});
</script>
|
html中，加入如下代码：
1 2 3 4 5 | <h1>Vue demo</h1>
<div id="app">
<div>{{message}}</div>
<input type="text" v-model="message">
</div>
|
修改文本框中的内容，可以看到文本框上方的内容也在相应改变；这就是vue的双向绑定。
以上就是vue.js怎样引入到HTML中的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
vue如何给组件加css样式
详解vue中的无渲染行为插槽
深入研究vue cli3
vue cli3引入bootstrap的方法介绍
vue.use中发生了什么
vue入门：todolist实例带你入门全局组件和局部组件
分享一个vue全局配置的实例代码
详解vue.js三种安装方式
angular脏值检测与vue数据劫持的区别是什么
vue 的 render 方法中 h 是什么？
更多相关阅读请进入《vue》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue.js怎样引入到HTML中
