
vue学习之路
文章平均质量分 50
边学边写
游川鱼
这个作者很懒,什么都没留下…
展开
-
手写一个简单的vue-router
1. vue-router的使用第一步:引入vue-router,并使用Vue.use加载import Router from 'vue-router'Vue.use(Router)第二步:创建Router实例export default new Router({routes: [{path: '/', component: Home}]})第三步:在根组件上添加该实例,main.jsimport router from './router'new Vue({ router, ...原创 2021-04-01 18:54:23 · 240 阅读 · 0 评论 -
Vue源码学习笔记1:整体过一下,找到各个模块的入口
Vue源码下载: https://github.com/vuejs/vue.gitnpm install 安装依赖打开package.josn文件,给dev 添加sourcemap方便调试:"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",执行npm run dev在package.josn文件中,根据dev的内容,可以知道我们需要打开scripts/config.js文件,原创 2020-05-11 14:12:54 · 389 阅读 · 0 评论 -
自定义表单组件的v-model
自定义组件的v-modelv-model指令非常好用,直接可以让表单元素的值与data中的值实现双向绑定: <div id="app"> <input type="text" v-model=原创 2019-03-05 15:26:44 · 782 阅读 · 0 评论 -
vue组件之间通信的八种方式: props、$attrs、$root、$parent、$refs、$emit、依赖注入、Vuex
今天看vue的API,看到组件通信这一块,发现通信方式有好多种,但官网上的说明都是一笔带过,而且语句有点拗口,里面又有很多不理解的专有名词,以致于以前看的时间漏掉了很多东西,今天就好好总结一下。1. props传值props方式是用得比较多的: <div id="app"> <child :value="msg&原创 2019-03-08 15:52:19 · 2885 阅读 · 0 评论