vue
小恶魔O
这个作者很懒,什么都没留下…
展开
-
Mint-Ui安装及使用办法
简介Mint-Ui是基于vue.js的组件库。一、本地部署Mint-Ui官方文档github 仓库地址点击Download Zip下载(注意:不要git clone)使用visual code 打开,打开终端,cnpm i 既可。若使用npm或者yarn ,请先下载:npm install chromedriver --chromedriver_cdnurl=https://npm....原创 2019-10-24 13:57:34 · 4362 阅读 · 2 评论 -
在webpack中使用vue-router及路有嵌套
1、安装及导入安装vue-router 包cnpm i vue-router -S如果在模块化工程中,使用它,必须要通过Vue.use()明确地安装路由功能import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//如果使用全局的script标签,则无须如此(手动安装)2、结合webpa...原创 2019-10-23 10:18:04 · 169 阅读 · 0 评论 -
webpack vue中export default和export
导入 和 导出包的方法:在 Node 中 :导入模块:var 名称 = require('模块标识符')向外暴露成员的形式:module.exports={}在ES6 中,也通过 规范的形式,规定了 ES6 中如何 导入 和 导出 模块 ES6中导入模块,使用 import 模块名称 from '模块标识符' import '表示路径'在 ES6 中,使用 export ...原创 2019-10-12 15:44:39 · 1959 阅读 · 0 评论 -
使用webpack使用vue
包的查找规则:找 项目根目录中有没有 node_modules 的文件夹在 node_modules 中 根据包名,找对应的 vue 文件夹在 vue 文件夹中,找 一个叫做 package.json 的包配置文件在 package.json 文件中,查找 一个 main 属性【main属性指定了这个包在被加载时候,的入口文件】我们有三种方法引入:1、在入口文件(main.js)中...原创 2019-10-12 15:12:53 · 149 阅读 · 0 评论 -
vue组件应用-评论案例--实现评论的展示,添加
vue组件应用-评论案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2019-08-23 16:51:41 · 1035 阅读 · 0 评论 -
Vue路由总结
详见我的个人博客:一、路由的基本使用1、 安装 vue-router 路由模块//引入vue-router路由模块<script src="./lib/vue-router-3.0.1.js"></script>2、创建一个路由对象var routerObj=new VueRouter({//route这个配置对象中的route表示【路由匹配规则】的意思r...原创 2019-08-30 20:53:06 · 277 阅读 · 0 评论 -
Vue 中 watch 属性,computed 计算属性以及 method 属性的区别
如果我们要实现这一一个功能:想要实现 名 和 姓 两个文本框的内容改变,则全名的文本框中的值也跟着改变;1、使用method方法是实现:通过数据双向绑定绑定数据,通过keyup(键盘抬起)绑定函数,实现功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...原创 2019-09-27 15:33:23 · 296 阅读 · 0 评论 -
webpack学习
一、npm init -ywebpack打包命令:webpack .\src\main.js -o \dist\bundle.js二、webpack直接打包1、安装webpack-dev-servercnpm i webpack-dev-server -D再根据提示安装依赖包2、配置文件webpack.config.js// 由于 webpack 是基于node进行构建的,所以,...原创 2019-09-30 16:38:28 · 125 阅读 · 0 评论 -
Vue--使用render函数渲染组件
<body> <div id="app"> <p>444444</p> </div> <script> var login = { template: '<h1>这是登录组件</h1>' } // 创建 Vue 实例,得到 ViewModel...原创 2019-10-10 10:30:10 · 913 阅读 · 0 评论