Vue2
关注
分享
扫一扫
文章平均质量分 52
Vue的知识点
玛卡巴卡的造
这个作者很懒，什么都没留下…
展开
-
Vue2，带你彻底看懂插槽的常见四种出现方式
Vue2，带你彻底看懂插槽的常见四种出现方式插槽是做什么的首先我们得知道使用插槽是做什么得，试用于什么样得场景。<body> <div id="app"> <mynav> </mynav> </div> <script src="./node_modules/vue/dist/vue.js"></script> <template id="mynav原创 2022-03-10 20:21:50 · 1357 阅读 · 0 评论 -
Vue2，Webpack的基础配置以及使用脚手架创建工程
看懂Webpack，去使用脚手架来系统的创建你的项目吧原创 2022-02-28 10:33:07 · 1328 阅读 · 0 评论 -
# Vue2，axios的运用
axios的简单入手原创 2022-02-28 10:28:23 · 435 阅读 · 0 评论 -
Vue2,一起探秘VueRouer 3x
本篇结合官方文档和个人理解整理了VueRouter3.x版本的基础知识。原创 2022-02-21 19:40:52 · 472 阅读 · 0 评论 -
Vue2,带你探秘$attrs和$listeners
带你探秘$ attrs和$ listeners$attrs包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。演示如下：<script> let m2 = { props: ["c"]原创 2022-02-17 20:48:25 · 924 阅读 · 0 评论 -
Vue2，plugin插件的使用详解
plugin插件的使用我们来创建一个插件，注意必须要写install对象,install里面写具体的操作。 var wgd = { install: (Vue) => { Vue.filter("timeFormat", (val) => { let time = new Date(val) let year = time.getFullYear()原创 2022-02-17 20:45:51 · 814 阅读 · 0 评论 -
Vue2，过滤器的使用详解
过滤器Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>原创 2022-02-17 20:44:40 · 700 阅读 · 0 评论 -
Vue2，mixin混入语法
mixin 混入语法混入语法中的生命周期执行会加入到实例调用的实例当中，data和methods会遵从实例中的data和methods。我们直接来看实例： var myMxiin={ data:{ msg:'1000' }, created(){ console.log('我是混入语法中的生命周期') this.init()原创 2022-02-17 20:43:43 · 364 阅读 · 0 评论 -
Vue2，局部组件component的用方法
局部组件component的用方法我们来看用法：<!-- 动态组件由 vm 实例的 `componentId` property 控制 --><component :is="componentId"></component>我们来看例子：<body> <div id="app"> <!-- 组件的另外一种引入方式 --> <component :is="current">&原创 2022-02-17 20:42:31 · 1756 阅读 · 0 评论 -
Vue2，用实例带你看懂自定义组件的v-model
自定义组件的v-model注意这样的一个属性model： model: { prop: 'value', //继承的元素 event: 'input' //订阅到的事件 }我们来看整体的使用代码，这里是双向绑定，输入框输入什么msg就跟着变化。<body> <div id="app"><!-- 自定义组件的v-model --> <tod原创 2022-02-17 20:38:57 · 828 阅读 · 0 评论 -
Vue2，带你看懂插槽的使用
插槽文章目录插槽匿名插槽具名插槽作用域插槽匿名插槽匿名插槽会储存html组件标签内匿名的标签和元素。html代码如下： <!-- html --><div id="app"> <father> <button @click="pop">弹出</button> <h1>这是一个h1标签</h1> </father>原创 2022-02-16 11:17:49 · 732 阅读 · 0 评论 -
Vue2，生命周期
生命周期beforeCreate() 创建实例之前created() 创建实例对象后beforeMount() 在template挂载之前执行mounted() 在虚拟DOM真正挂载完毕，常常在这里操纵的DOM元素beforeUpdate()在数据更新之前updated()在数据更新完毕befpreDestroy() 这里常常有一个操作就是清除定时器，清除事件处理函数，destroyed() 销毁之后*注意：destroyed中常常要执行清除定时器还有原创 2022-02-15 11:36:13 · 320 阅读 · 0 评论 -
Vue2，组件，组件间的通讯，父子组件间的相互访问
组件以及组件间的通讯文章目录组件以及组件间的通讯组件使用全局定义局部组件的定义组件的嵌套父向子通讯子向父通讯兄弟组件之间的通信PubSub插件实现 任意组件间的通讯组件使用全局定义Vue.component("mynav",{ template:"<ul><li>首页</li><li>我的</li></ul>"})注意：在定义组件时里面的data属性必须是函数式编程，目的是每次调用组件返回一个独立的数。局部组件的原创 2022-02-15 11:22:34 · 369 阅读 · 0 评论 -
Vue2，使用Vue基础语法实现github上火热的todoMVC案例
用Vue去实现todoMVC案例安装下载初始案例首先我们下去github上下载todoMVC的初始文件，文件地址如下：https://github.com/tastejs/todomvc-app-template当然我们也可以下载压缩包，这里不要求.我们下载好后使用npm指令安装所有的依赖npm install现在我们应该可以在文件中找到index.html文件我们打开会看到一个简单的toMVC网页，没有任何的操作只有静态网页。在开始前我们做最后一步骤，配置scri原创 2022-02-12 10:40:34 · 685 阅读 · 0 评论 -
Vue2，form表单与Vue的双向绑定
form表单与Vue的双向绑定原创 2022-02-10 20:23:08 · 860 阅读 · 0 评论 -
Vue2，v-if,v-show的区别，以及computed，watch,methods的区别与使用（含小练习）
v-if,v-show的区别，以及computed，watch,methods的区别与使用指令的补充关于显示的代码以及比较。v-if , v-else, v-else-if 条件渲染(决定是否将元素渲染到页面，决定是否在DOM上显示)<body> <div class="app"> <span v-if="isShow">Hello Vue !</span> ddd </div> &l原创 2022-02-10 19:50:02 · 769 阅读 · 0 评论 -
Vue2，动态绑定，响应式数据，事件修饰符，你该知道的问题（含小练习）
动态绑定，响应式数据，事件修饰符原创 2022-02-09 18:37:35 · 358 阅读 · 0 评论 -
Vue2，部分指令的认识（含小练习）
一、Vue初体验1.1 Vue安装引入 外网链接，可以去BootCDN获取<script src="">npm安装到本地npm install vue@2.6.14<script src="../node_modules/vue/dist/vue.js">注意：在2022年Vue如果不加版本号默认下载最新3X的版本1.2 第一个Vue程序<body><span id="aaa" >{{msg}}</span>&原创 2022-02-08 19:56:40 · 538 阅读 · 1 评论