(25)打鸡儿教你Vue.js

vue-cli

// 全局安装 vue-cli
npm install --global vue-cli

// 创建一个基于 webpack 模板的新项目
vue init webpack my-project

// 安装依赖
cd my-project
npm run dev

image.png

npm install vue
npm run start

image.png

image.png

image.png

image.png

image.png

image.png

image.png

父组件如何向子组件传值呢?
通过属性的形式传值

父组件:
image.png

声明

image.png

删除

image.png

image.png

image.png

image.png

全局样式与局部样式
image.png

scoped作用域修饰符,限制样式

Vue 实例生命周期


请点赞!因为你的鼓励是我写作的最大动力!

官方微信公众号

吹逼交流群:711613774

吹逼交流群

posted @ 2019-07-04 13:44  达达前端  阅读(128)  评论(0编辑  收藏  举报