vue
侠客人生
这个作者很懒,什么都没留下…
展开
-
vue2.0父子组件和非父子组件之间的传值
1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}12345678...转载 2018-03-11 14:57:43 · 1871 阅读 · 0 评论 -
父组件如何调用子组件中的方法和属性
利用ref属性可以获取到dom元素或者是子组件,从而可以调用子组件的方法(注意2.0版本用ref取代了el) 1、当ref直接定义在dom元素上时,则通过this.$refs.name可以获取到dom对dom进行原生的操作1<div class="foods-wrapper" ref="foods-wrapper"> 通过this.$refs获取到dom进行操作(注意ref属性的命名不...转载 2018-03-11 15:55:44 · 803 阅读 · 0 评论 -
子组件如何调用父组件中的方法和属性
方法一:子组件:<template> <button @click="submit">提交</button></template><script>export default { methods: { submit: function () { // 子组件中触发父组件方法ee并传值cc12345 ...转载 2018-03-12 10:19:52 · 5639 阅读 · 0 评论 -
vue中如何父向子传递属性
1.在父组件的模板里,绑定传递的属性,其中ppp是自己起的名字2.到子组件里,添加子组件props中创建的属性3.在子组件中引用传递过来的属性原创 2018-03-06 13:08:32 · 1821 阅读 · 0 评论 -
如何使用vuex
官网:https://vuex.vuejs.org安装1. 使用命令行:npm install vuex –save2. 在src文件夹下新建一个文件夹store,里面新建一个文件:store.js3. 在main.js里引入store文件: 4. 如何在组件中使用store中的数据:找到需要使用数据的组件,在计算属性里如下写入代码,可引入store里面的数据: 引入store里面的方法(也是写在...原创 2018-03-06 13:25:20 · 540 阅读 · 0 评论