vue
vue项目打包步骤及运行打包项目
（1）项目打包 终端运行命令npmrunbuild 打包成功的标志与项目的改变，如下图：点击index.html，通过浏览器运行，出现以下报错，如图： 那么应该如何修改呢？ 具体步骤如下：1、查看package.js文件的scripts命令2、...
vue工程化之去除Eslint验证
有的时候用vue-cli创建好项目之后，写代码时会出现换行和空格报错，出现这么写错误是什么原因呢？相信第一次接触时有点摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具，如下图解决方案很多种，最简单就是在创建项目初始化时，在这个选项选择N即可。 （1）ESLint介...
vue+webpack静态资源路径引用
你可能已经注意到，在项目结构中我们有两个静态资产目录：src/assets和static/。他们之间有什么区别？ 要回答这个问题，我们首先需要了解Webpack如何处理静态资产。在*.vue组件中，您的所有模板和CSS都会被解析vue-html-loader并c...
vue面试相关
（1）什么是mvvm？ MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View代表UI组件，它负责将数据模型转化成UI展现出来，ViewModel是一个同步View和Model的对象。&...
vue之Render函数
（1）什么是Render函数 先来看一个场景，在博客网中，一般有一级标题、二级标题、三级标题...，为了方便分享url，它们都做成了锚点，点击后，会将内容加载网址后面，以#分隔。 例如‘特性’是一个<h2>标签，内容含有一个<ahre...
vue之loader处理静态资源
webpack是利用loader来处理各种资源的，wepback的配置基本上就是为各种资源文件，指定不同类型的loader。 1，处理css 最基本的css处理loader是css-loader,style-loader. css-loader处理的是css 中的@import和url,根据路...
单文件组件.vue---父子组件通信
每一个.vue文件就是一个组件，组件和组件相互组合，就成了一个应用，这就涉及到的组件和组件之间的通信，最常用的就是父子之间的通信。在vue中，在一个组件中通过import引入另一个组件，这个组件就是父组件，被引入的组件就是子组件。 【一】父组件→子组件（1）父组件传递数据 在...
认识单文件组件.vue 文件
vuejs自定义了一种.vue文件，可以把html,css,js写到一个文件中，从而实现了对一个组件的封装，一个.vue文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需要对该文件进行解析。在webpack构建中，需要安装vue-loader对.vue文件进行解析。在&nb...
vue-router 基本使用（vue工程化）
（1）概念： 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about按钮，页面中就要显示about的内容。Home按钮 =>home内容，about按钮=>about内容，也可以说是一种映射.所以在页面上有两个部分，...
vue组件通信
改变props情况：①作为初始值使用；②计算方法 （1）父元素props→子元素 父元素数据通过props传递给子元素<divid="demo"><demo-areav-bind:message="message"></demo-area>&...
vue-cli构建vue项目
参考文章：https://blog.csdn.net/diligentkong/article/details/75040348 ...
vue之props传值与单向数据流
（1）组件通信 父组件向子组件传递数据。这个正向传递数据的过程就是通过props来实现的。 两者区别：props中声明的数据与组件data函数return返回的数据的主要区别就是props来自父级，而data中是组件自己的数据，作用域是组件本身，这两种数据都可以在模板temp...
Vue之x-template(1)
今天，我们来讲一个比较有趣的一个功能吧先来看一段代码示例：<html><head><metacharset="utf-8"><scriptsrc="https://unpkg.com/vue/dist/vue.min.js"></script></hea...
Vue之x-template(2)
将html结构写在一对script标签中，设置type=“x-template”<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title>&...
vue之$mount
在实例化Vue的时候，两种方式挂载数据方法一：最常用的方法varapp=newvue({el:"#app",data(){}`````}) 注：文档中最常用的做法就是直接在实例化的时候利用el:"#app"来挂载元素 方法二：$mount varapp=newvue({data...
