Vue.js学习(一)
安装Vue.js
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。
该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。
只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
// 全局安装 vue-cli
npm install -g vue-cli vue -V
2.8.1
// 创建一个基于 webpack 模板的新项目
vue init webpack my-project
// 安装依赖 cd my-project
npm install npm run dev
直接应用 Vue.js
index.html 双向绑定示例
Vue.js demo
{{info}}
{{messsage}}
绑定Dom属性
v-bind 缩写
Vue.js demo
{{info}}
绑定元素事件
v-on 缩写
Vue.js demo
{{info}}