
vue
barni
这个作者很懒,什么都没留下…
展开
-
404和路由钩子
1、找不到路径,都会跳转到*路径路由钩子to:路由将要跳转的路径信息from:路径跳转前的路径信息next:路由的控制参数next()跳入下一个页面next(‘/path’) 改变路由的跳转路径,使其跳入另外一个路由next(false)返回之前的页面next{(vm)=>{}}仅在beforeRouteEnter中可用,vm是组件实例...原创 2021-09-17 13:13:37 · 76 阅读 · 0 评论 -
vue其他知识
1、嵌套路由2、参数传递和重定向取参数方式一、取参数方式二、重定向原创 2021-09-17 13:03:18 · 56 阅读 · 0 评论 -
网站快速成型工具element
1、安装插件路由:npm install vue-router --save-develement:npm i element-ui -S安装依赖:npm install安装sass加载器:npm install sass-loader node-sass --save-dev弹窗:layer原创 2021-09-17 09:51:02 · 189 阅读 · 0 评论 -
路由的使用
1、安装路由文件2、引入路由文件,设置名字import VueRouter from "vue-router";3.使用路由Vue.use(VueRouter);4、配置导出路由export default new VueRouter({ routes: [ {//路由路径 path:'/content', name:"内容页", component:Content }})注意routes这个名字不能错原创 2021-09-17 09:18:18 · 78 阅读 · 0 评论 -
项目cil脚手架安装
打包工具npm install webpack -gnpm install webpack-cli -g安装环境node.js安装vue-clinpm install vue-cli -g初始化项目vue init webpack myvue原创 2021-09-17 09:08:43 · 75 阅读 · 0 评论 -
npm 命令行
npm run devwebpack 打包webpack --watch 监听打包(热部署)原创 2021-09-16 22:26:35 · 74 阅读 · 0 评论 -
自定义内容分发
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app" > <todo> <todo-title slot="todo-title" :title=".原创 2021-09-16 15:54:15 · 81 阅读 · 0 评论 -
插槽slot
1、建立模板,插槽。插入标签中。2、使用模板标签,完成数据绑定3、把数据写入插槽中原创 2021-09-16 12:49:44 · 67 阅读 · 0 评论 -
computed计算属性
注意:methodes和computed里的东西不能重名结论:调用方法是,每次需要重新计算。计算属性可以解决这个问题。主要是为了将不经常的计算结果进行缓存,节约系统开销。调用区别:计算属性调用不用加()...原创 2021-09-16 11:46:50 · 67 阅读 · 0 评论 -
axios异步通信
1、导入包<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>2、在钩子函数中添加axiosmounted(){ axios.get('data.json').then(response=>(this.info=r原创 2021-09-16 11:31:07 · 117 阅读 · 0 评论 -
V-bind绑定数据,component组件
原创 2021-09-16 10:16:24 · 267 阅读 · 0 评论 -
V-model双向动态绑定数据
原创 2021-09-16 10:02:05 · 235 阅读 · 0 评论 -
V-on绑定事件
注意点:1、设置完方法后,需要在方法加入event,监听事件。2、methods不能写成method。后面是需要加s的原创 2021-09-16 09:42:46 · 134 阅读 · 0 评论 -
if和for
判断,遍历原创 2021-09-16 09:29:54 · 67 阅读 · 0 评论 -
第一个VUE文件
1、安装VUE插件2、导入依赖<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>3、创建VUE对象,绑定数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第一个VUE</title></he原创 2021-09-16 09:14:58 · 70 阅读 · 0 评论