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}}

分类: vue

毛巳煜

高级软件开发全栈架构师

工信部备案号:辽ICP备17016257号-2