
vue
文章平均质量分 50
华山派developer
这个作者很懒,什么都没留下…
展开
-
手写vue——简版Vue的实现1
简版Vue的实现MVVM的实现代码实现创建vue_simple项目项目目录编写过程测试代码 hvue.html明确实现hVue.js的过程数据响应式模版编译MVVM的实现MVVM框架的三要素:数据响应式、模版引擎及其渲染数据响应式:监听数据变化并在视图中更新Object.defineProperty(),Vue2中的实现Proxy,Vue3中的实现模版引擎:提供描述视图的模版语法插值:{{}}指令:v-bind, v-on, v-model, v-for, v-if渲染:如何将模版原创 2022-05-31 00:08:38 · 655 阅读 · 0 评论 -
手写简版的Vue-router
原版Vue-router的使用步骤先在router/index.js引入//router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import HomeComponent from "../components/home.vue"import AboultComponent from "../components/about.vue"//第一步Vue.use(VueRouter)const rout原创 2021-06-23 17:34:48 · 159 阅读 · 0 评论 -
Vue双向绑定原理
1、页面–>数据模型层: 原理:给元素添加事件监听完成 例如给input标签添加input事件来改变value值。2、数据模型层–>页面: 原理:通过数据劫持和发布订阅实现 数据劫持:拦截数据的变化,常用方案:Object.defineProperty和Proxy Vue2.0 用的是Object.defineProperty Vue3.0 用的是Proxy//数据劫持<script type="text/javascript"> v..原创 2021-03-08 14:04:11 · 166 阅读 · 0 评论 -
nuxt打包部署踩坑记录
用nuxt写的个人博客,一段时间后,发现我发布了篇文章,我的前端页面竟然没有显示。。。原创 2021-02-21 10:13:28 · 2146 阅读 · 1 评论 -
Vue脚手架vue-li与React脚手架create-react-app的安装
Vue-li//1.全局安装vue/clignpm install -g @vue/cli@3.9.1//2.使用脚手架创建项目vue create project_name//3.vue/cli项目目录结构React脚手架create-react-app//1.全局安装脚手架npm install -g create-react-app//2.建议全局安装yarn...原创 2020-03-26 19:43:29 · 374 阅读 · 0 评论 -
nals\string-trim.js Replace Autoprefixer browsers option to Browserslist config. Use browserslis
在本地启动mysql服务器然后再npn run serve运行项目时候,报了好多错,最后也没有出现页面,错误部分如下:。。。。。。。。。。。。。。。。33 active …VUE项目\16.VUE项目\资料\vue-cms\node_modules\core-js\modules\es.regexp.to-stri66% building 531/565 modules 34 active …...原创 2020-03-12 19:47:54 · 2093 阅读 · 0 评论 -
vue安装webpack时出现npm ERR! JSON.parse Failed to parse json
错误情况如下上网查了好多,都说是安装问题,后来看到有人说是json的格式问题,我检查了下复制粘贴的代码,重新手打输入后问题就解决了,所以有时候复制的代码有时候会造成格式问题...原创 2020-03-11 19:35:42 · 1835 阅读 · 0 评论 -
vue组件间通信的方法
一、父——>子通信1. props第一步:在子组件中声明一个属性props(传递的数据是属于父组件的,所以不建议在子组件中修改,并且通常认为props是只读的) var login = { props: ['message'], template: "#login", //data中的数据拥有者是孩子本身,所以子组...原创 2020-03-10 21:48:09 · 158 阅读 · 0 评论 -
vue-axios简单基本用法
第一步:引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>Get请求// 向具有指定ID的用户发出请求axios.get('/user?ID=12345').then(function (response) {console.log(response);}).catch(f...原创 2020-03-06 13:27:38 · 191 阅读 · 0 评论