前端培训之Vue 的基本使用

Vue 的基本使用
1. 效果 (01_HelloWorld/test.html)
前端培训
2. 编码
<div id=”app”> <input type=”text” v-model=”username”> <p>Hello, {{username}}</p> </div>
<script type=”text/javascript” src=”../js/vue.js”></script> <script type=”text/javascript”> new Vue({ el: ‘#app’, data: { username: ‘atguigu’ }
}) </script>
3. 使用 vue 开发者工具调试

前端培训
Vue.js devtools_3.1.2_0.crx
4. 理解 Vue 的 MVVM

前端培训


上一篇:
下一篇: