胡图图不糊涂的博客

一、Composition API它是为了实现基于函数的逻辑复用机制而产生的reactiveimport { createApp, h, reactive } from 'vue';const App = { render() { // render函数类似于template: `<div><span>李老板</span></div>` return h( 'div', { //

想要搞定响应式原理必须搞定两个问题：1、当Vue里面的data数据改变时，Vue内部是如何监听数据的改变？Object.defineProperty里的set与get方法 -> 监听对象属性的改变let obj = { // 定义的obj对象 name: '涂涂', age: 18, gender: 'male'};Object.keys(obj).forEach(key => { // 遍历得到obj对象的每个key let value = ob

一、mixin与extendmixinlet mixin = { // 定义一个mixin data() { // 混入mixin，也可以混入methods、components等等 return { name: '' } }, created: function () { console.log(1) }}let vm = new Vue({ created: function () { console.log(2) }, mixins:

一、应用场景二、具体使用/*main.js文件*/Vue.prototype.$bus = new Vue(); /*在原型上面添加Vue实例*//*组件2*/<template> <div> <img src = "~assets/img/introduce.png" alt = "" @load="imgLoad"> &...

使用vue cli4搭建项目的目录结构： ├─myvue │ ├─build // 保存一些webpack的初始化配置,项目构建 │ │ ├─build.js // 生产环境构建 │ │ ├─check-version.js // 检查npm、node版本 │ │ ├─vue-loader.conf.js // webpack...

一、配置vue-cli 3中vue.config.js的路径别名点击这里查看posted @ 2019-11-14 09:25 龙象般若功https://www.cnblogs.com/jlfw/p/11854828.html不过要注意的是路径别名如果是在import处使用可以直接用，而在html标签里面 必须在路径前面使用~如：/*html里面必须使用~*/<img slo...

一、vue clicli是什么意思呢?CLI是Command-line Interface（命令行界面），俗称脚手架Vue Cli是一个官方发布的Vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境和对应的webpack配置，但如果只是写几个小demo，就不需要Vue-Cli二、三、四、五、本文只用于个人学习与记录...

一、vue-clicli是什么意思呢?CLI是Command-line Interface（命令行界面），俗称脚手架Vue Cli是一个官方发布的Vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境和对应的webpack配置，但如果只是写几个小demo，就不需要Vue-Cli/*脚手架3*/cnpm install @vue/cli -g二、拉取 2.x 模板 (旧版...

一、二、

一、vue的过滤器查看官网二、表单双向绑定v-modelv-model的基本使用Vue是使用v-model指令来实现表单元素与数据的双向绑定v-model的基本使用与双向绑定那么什么是双向绑定呢？表单的双向绑定就是当表单里面的值改变的时候对应的数据也会改变，当数据改变的时候表单里面的值也会实现同步改变，而使用mustache语法只会实现单向绑定举个栗子：<div class...

一、v-on基本使用 <div class = "app"> <h2>{{num}}</h2> <button v-on:click="increment">+</button> /*v-on事件绑定*/ <button @click="decrement">-</butto...

一、插值操作与一些指令{{}}：mustache语法mustache + v-once<div class = "app"> <h3>{{message}}，{{name}}</h3> <h3 v-once>{{message}}，{{name}}</h3> /*v-once目的是当外部传入数据改变的时候不让h3...

一、国内使用较多，国人开发的一个框架想了解的点击这里这里二、Vue是一个渐进式、响应式的框架那什么是渐进式框架呢？渐进式意味着我们可以使用Vue来作为我们应用的一部分嵌入到项目内，也就是说可以使用Vue来一点一点的嵌入到项目内，而达到渐进。那什么是响应式框架呢？当一个状态改变之后，与这个状态相关的事务也立即随之改变，从前端来看就是数据状态改变后相关 DOM 也随之改变。数据模型仅仅是普...