随笔分类 -  Vue

vue 组件间数据传递
摘要：//父组件 <template> <Product-list @son-fun（子组件中定义的$emit方法名，用来接收子组件中传递来的数据）='goDetil' :goods(子组件props内的goods)='goods(父组件要传递的数据)'></Product-list> </templat 阅读全文
posted @ 2021-07-08 17:34 终末s 阅读(67) 评论(0) 推荐(0)
VueCli一些配置信息
摘要：Vue.config.productionTip = false //阻止显示生产模式的消息,关闭警告提示 阅读全文
posted @ 2021-07-06 16:58 终末s 阅读(30) 评论(0) 推荐(0)
router路由插件
摘要：先导入vue.js在导入vue router.js需要在vue实例中添加router:router(创建的路由对象名)在全局js中用app(自定义vue实例名).$route来获取路由写在vue实例之前1,创建组件components2,定义切换规则(路由规则) const routes=[//数组 阅读全文
posted @ 2021-03-24 16:55 终末s 阅读(213) 评论(0) 推荐(0)
vue生命周期
摘要：可以写在vue实例中，也可以写在自定义组件中创建生命周期的方法(拿不到vue实例中的数据，仅表示vue实例刚创建好)beforeCreate(data和methods还没创建，无法访问)created(data和methods刚创建好，可以访问)beforeMount(仅完成了模板的编译，还未渲染到 阅读全文
posted @ 2021-03-24 16:54 终末s 阅读(30) 评论(0) 推荐(0)
axios ajax请求插件
摘要：导入axios.jsget请求axios.get(url?key=value&key1=value1).then(function(data){...}，function(err){...}) 或 axios.get("url", { params: { //要传的参 id: id } }) .th 阅读全文
posted @ 2021-03-24 16:51 终末s 阅读(60) 评论(0) 推荐(0)
vue html标签属性的基础使用
摘要：el挂载点不要使用在body和html标签上html属性<div id=“app”>{{xxx+'添加内容'}} {{aaa.aaab}} {{bbb[0]}}</div><div v-text=“xx”> ●v-text=“xxx+'添加内容'” 在xxx内容后加xx字符串，会覆盖原内容 ●v-h 阅读全文
posted @ 2021-03-24 16:47 终末s 阅读(563) 评论(0) 推荐(0)
vuex数据传递插件
摘要：vuex是数据传递插件，写入vuex中的数据为全局数据，不建议随意更改 导入vuex.js前需先导入vue.jsvuex可以在state中保存公共数据在html中的使用方法{{this.$store.state.数据名}}在vue实例中添加store:store(创建的vuex对象名)写在vue实例 阅读全文
posted @ 2021-03-24 16:44 终末s 阅读(40) 评论(0) 推荐(0)
vue 笔记
摘要：vue实例可以看做是一个大组件mvvm数据的双向传递在vue中如果要获取原生的元素或自定义组件，可以通过ref属性来获取，给要获取的标签中添加ref=“name(自定义)”属性，在vue组件中使用this.$refs.name的方式来获取原生元素或组件，如果获取的是原生元素获取到的就是原生元素，如果 阅读全文
posted @ 2021-03-24 16:43 终末s 阅读(85) 评论(0) 推荐(0)
vue-cli
摘要：vue create 文件名 //创建vue项目npm run serve //运行项目npm run build //打包文件，把vue项目打包压缩成原生文件，默认打包到dist文件夹内html中如果不用v-for遍历数组直接使用插值语法时，data为数组会报错，建议使用对象，因为数剧还未渲染进去 阅读全文
posted @ 2021-03-24 16:42 终末s 阅读(71) 评论(0) 推荐(0)