Vue
Mr.Starl
种一棵树最好的时间是10年前,其次是现在
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端路由和 VueRouter
前端路由 核心: 改变url,但页面不进行整体的刷新,即不向后台发请求 如何实现 通过修改hash方式实现 location.hash 通过H5中的history实现 history.pushState(data, title, url); //这种方式可以返回之前的页面 history.replaceState(data, title, url); //这种方式无法返回之前的页面,...原创 2020-04-28 16:57:28 · 225 阅读 · 0 评论 -
vue中使用watch实现父子组件双向绑定
在子组件中使用watch进行双向绑定 先实现父组件向子组件传值,子组件使用props进行数据的接收 因为Vue规定props中的数据不能随意改动,所以需要将props中的数据本地化,具体方法是在data中定义新属性,将props中的数据赋值给新属性props:{ number: Number }, data(){ return{ childNum: this.nu...原创 2020-01-13 11:44:33 · 1708 阅读 · 0 评论 -
vue2.0全部引入element-ui2.x版本报错的解决方法
在用vue2.0全部引入element-ui2.x版本时,会发生如下报错 大致意思是element-ui包里的字体文件解析错误。 我们只需要在vue项目中找到webpack.config.js中修改如下部分: 在test里加上 | woff | ttf 既可解决...原创 2018-10-25 09:52:33 · 3209 阅读 · 1 评论 -
如何通过vue-cli(脚手架)创建一个vue项目
首先,你的电脑上必须要有node环境,最新的node安装包自带NPM,通过NPM来安装vue-cli 安装vue-cli: 在命令行敲入如下代码: npm install -g vue-cli 安装成功后,可通过vue list 进行查看 创建项目: 在你想要创建项目的位置输入如下代码: vue init webpack vuedemo01(项目名) 接下来会出现如下界面(...原创 2018-10-30 10:42:38 · 365 阅读 · 1 评论 -
vue生命周期函数
在vue中,共有8种生命周期函数 beforeCreate() —— 实例创建前 created() ——实例创建完成 beforeMount() ——模板渲染之前 mounted() ——模板渲染完成 beforeUpdate() ——数据更新之前 updated() ——数据更新完成 beforeDestroy() ——实例销毁之前 destroyed() ——实...原创 2019-10-14 17:02:15 · 364 阅读 · 4 评论 -
Vue中父子组件传值的方式
父组件向子组件传值 父组件调用子组件时,在标签上绑定动态属性 <template> <div id='parent'> <v-child :title='title' :run='run'></v-child> </div> </template> <script> impor原创 2018-11-21 10:29:38 · 400 阅读 · 1 评论 -
Vue中非父子组件传值的方式
只需三个步骤: 1.创建一个公共的js文件(如vueEvent.js),引入并实例化Vue,然后暴露这个实例。 //创建vueEvent.js import Vue from 'vue' var vueEvent = new Vue(); export default vueEvent 并在参与传值和接收值的组件中,引入vueEvent 2.在传值的组件中,通过vueEvent...原创 2018-12-06 17:15:53 · 1026 阅读 · 1 评论
分享