-
划分组件：
功能模块
页面区域
查看全部 -
vue.js重要指令
查看全部 -
父组件 向 子组件传递信息，在子组件中用props
eg:
父.vue <comp-aa msgtochild=" father say" />
子.vue props:{ 'msgtochild' }
<p> {{msgtochild }} </p> 即可显示父.vue的内容‘ father say’查看全部 -
1，安装搭建环境
打开命令行工具
sudo npm install -g vue-cli //全局安装 vue
vue init webpack my-project-name //创建基于webpack的项目 my-project-name
…….安装提示 执行enter 、 yes、no
cd my-project
npm install (如果提示中已执行，则不再执行）
npm run dev
2， vue关键属性
data ---- 页面中显示的内容
methods --- 页面中触发的函数
watch --- 监听data中的属性变化
3，指令---查看文档即可
v-text v-html v-bind v-for v-if v-show v-on ...
查看全部 -
<!DOCTYPE html> <html> <head> <meta charset="UTF-8> <title>Vue实例</title> <script src="vue.min.js"></script> //引用Vue包 </head> <body> <div id="app"> <p>{{message}}</p> </div> </body> <script> var Vm=new Vue({ el:"#app", data:{ message:"Hello Vue!" } }) </script> </html>查看全部 -
export default {
fetch (){
return JSON.parse(window.localStorage.getItem(STORAGE_KEY)
}
}
查看全部 -
父组件向子组件传递值的方式，通过props:['name']的方式
查看全部 -
vueJS是一种轻量级的MVVM框架，它同时吸收了react和angular的优点，强调了react组件化的概念，可以轻松的实现数据和展现的分离。也吸收了angular灵活的指令和页面操作的一些方法。 双向绑定：在页面input框（v-model="message"）里面的输入，会绑定到js里面的message上面,js里面的message里面的变动也会体现在调用这个message的部分。
查看全部 -
创建元素的时候，vue会将驼峰形式的标签转化成-横杠链接的形式。。。
查看全部 -
查看全部 -
data 数据查看全部
-
注册组件 大写名字需要换成中线加小写 比如：helloWord>>>>>hello-word
查看全部 -
https://blog.csdn.net/weixin_41246577/article/details/79839291
查看全部 -
获取data里面 都可以用this.xxx来获取
查看全部 -
如何搭建vue.js环境
查看全部
举报