当前第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中的全局组件和局部组件
vue3.0和vue2.0的区别是什么？
vue-router是什么
vue 动态加载 vuex
vue中让子组件修改父组件数据的方法
vue和js区别是什么
浅谈vue中axios的封装
vue中怎么引入bootstrap
一起看看vue实现打地鼠小游戏
怎么用npm安装vue
更多相关阅读请进入《vue》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue.js怎样引入到HTML中
