vue
heartToSky
这个作者很懒,什么都没留下…
展开
-
vue中路由懒加载和手动跳转
懒加载,手动跳转路由原创 2022-02-11 21:51:03 · 710 阅读 · 0 评论 -
vue前端路由
在前端的发展中经历了模板引擎渲染,ajax渲染和前端路由三个进程 模板引擎后端渲染 在最开始用户向服务段发起访问请求时,后端拿出请求的页面和相关的数据,用一套模板引擎,将需要替换的内容做特殊标记,然后通过正则找到并且替换为需要的数据,此时后端直接渲染好了整个页面,然后将该页面传递用户端,这样的好处是用户一次可以拿到整个页面,也有利于SEO优化 ajax 当ajax技术出现后,以ajax为核心的无刷新部分内容渲染开始变得主流,当用户向后端发起访问请求时,后端会根据不同URL传递不同的页面,然后在加载过程中用a原创 2022-01-23 17:38:49 · 862 阅读 · 0 评论 -
脚手架新建vue项目时候Runtime Only和Runtime+Compiler的区别
在vue脚手架新建vue项目vue init webpack+项目名称的时候,会有很多配置选项,其中有一个是询问要用Runtime Only还是Runtime+Compiler,虽然后者介绍是most use,但是相对于后者,runtime only不论是性能还是占用内存大小都优于runtime+compiler。而这两个方式创建的vue项目只在./src/main.js里有区别 这是runtime only的 这是runtime+compiler的 runtime+compiler中new vue中传原创 2022-01-21 14:45:53 · 593 阅读 · 0 评论 -
webpack配置使用vue
引入 引入vue等JS文件时一般有三种方式,一种是直接粘贴源码,第二种是CMD引入,第三种就是使用npm安装 npm install vue --save 因为vue是运行时依赖,所以后缀应为–save import vue from 'vue'; const app=new vue({ el:'#app', data:{ message:'hello vue' } }) 在JS中import form关键字引入vue,但是直接打包的话会报错,所以需要在webpa原创 2022-01-19 23:27:29 · 242 阅读 · 0 评论 -
vue插槽作用域问题
作用域 父组件模板的所有东西都会在父级作用域内编译,子组件模板的所有东西都会在子级作用域内编译 var app = new Vue({ el: '#app', data: { message:"hello", name:"ton" }, methods: {}, components:{ cpn:{ template:'#cp原创 2021-11-29 22:18:08 · 203 阅读 · 0 评论 -
vue组件之插槽
slot自定义内容 vue自定义组件时,使用的组件为双标签,但当双标签内部写html内容时却不会显示,只有当定义组件时使用slot标签才会显示 匿名插槽 当组件中slot标签没有name属性时为匿名标签,此时组件内部的html内容会取代组件中slot标签的内容,slot定义时候可以在里面写html内容作为默认html结构 <div id ="app"> <cpn> <h1>我是匿名插槽的标题</h1>原创 2021-11-29 20:32:52 · 375 阅读 · 0 评论