![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 54
vue相关的内容
weixin_44197906
这个作者很懒,什么都没留下…
展开
-
Vue 项目打包部署总结
使用Vue做前后端分离项目时,通常前端是单独部署,用户访问的也是前端项目地址,因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。Vue项目打包部署本身不复杂,不过一些前端同学可能对服务器接触不多,部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题,内容概览:图片一、准备工作——服务器和nginx使用准备一台服务器我的是ubuntu系统,linux系统的操作都差不多。没有服务器怎么破?如果你只是想体验一下,可以尝试各原创 2020-12-11 19:16:48 · 103 阅读 · 0 评论 -
Vue通过build打包后 打开index.html页面是空白的
最近在build打包vue项目遇到了几个问题,如下:1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。原因:找到config文件下index.js,全局搜索assetsPublicPath,结果是 assetsPublicPath:’ / ’ 默认为根目录,而index.html和static是在同一级目录下,因此,解决方法就是 asset原创 2020-12-11 14:20:39 · 799 阅读 · 0 评论 -
vue slot-scope和v-slot
vue中插槽的使用一、什么是插槽官方解释:元素作为组件模板之中的内容分发插槽,传入内容后slot 元素自身将被替换。插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。相当于组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。Slot 是 Vue组件的一个重要机制,它使得完全解耦的组件之间可以灵活地被组合。二、插槽的迭代变迁在2.5中,引入了slot-scope直接在slot转载 2020-11-09 15:11:33 · 702 阅读 · 0 评论 -
package.json和package-lock.json的区别
node项目下面有一个package-lock.json文件,和package.json文件,扒一扒这两个的区别,其实package-lock就是锁定安装时的包版本号,需要上传到git上,以保证其他人在install时候,大家的依赖版本相同。官方文档:这个package-lock.json 是在 npm install时候生成一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号.跟package.json的区别在于(举个栗子):“dependencies”: {“@ty转载 2020-09-28 16:27:18 · 216 阅读 · 0 评论 -
如何实现一个组件封装?
js前端组件的封装方法定义一个类类中增加一个方法body中定义一个dom节点脚本中把dom节点和类定义结合起来 , 实现特定的组件功能vue组件封装建立组件的模板,先把架子搭起来,写写样式,考虑你的组件的基本逻辑然后在引用得组件中 用import引入组件通过component定义组件名称在把组件以标签的形式写出来。父子组件之间的传值react组件封装创建一个react文件 , 搭建模板把组件内的内容写清楚使用export 把组件曝光使用import把组件导入.原创 2020-06-20 13:23:18 · 1575 阅读 · 0 评论 -
vue3.0新特性
vue3.0的设计目标更小 更快 加强TypeScript支持 加强API设计一致性 提高自身可维护性 开放更多底层功能具体可以从以下方面来理解1,压缩包体积更小当前最小化并被压缩的 Vue 运行时大小约为 20kB(2.6.10 版为 22.8kB)。Vue 3.0捆绑包的大小大约会减少一半,即只有10kB!2,Object.defineProperty -> ProxyObject.defineProperty是一个相对比较昂贵的操作,因为它直接操作对象的属性,颗粒原创 2020-06-20 13:12:48 · 2494 阅读 · 0 评论 -
axios中的qs介绍
首先qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.地址: https://www.npmjs.com/package/qsqs.parse()、qs.stringify()qs.parse()将URL解析成对象的形式const Qs = require('qs');let url = 'method=query_sql_dataset_data&am...转载 2020-04-22 15:52:41 · 225 阅读 · 0 评论 -
Vue-给对象新增属性(使用Vue.$set()),根据索引值修改数组
在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性,并使用 Object...原创 2020-04-09 11:19:42 · 2040 阅读 · 1 评论 -
Class 与 Style 如何动态绑定?
Class 可以通过对象语法和数组语法进行动态绑定:对象语法:data: {isActive: true,hasError: false}复制代码数组语法:data: {activeClass: ‘active’,errorClass: ‘text-danger’}复制代码Style 也可以通过对象语法和数组语法进行动态绑定:对象语法:data: {active...原创 2020-04-09 11:00:57 · 528 阅读 · 0 评论 -
Vue中computed和watch的区别
计算属性computed :支持缓存,只有依赖数据发生改变,才会重新进行计算不支持异步,当computed内有异步操作时无效,无法监听数据的变化3.computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般...原创 2020-04-01 11:04:42 · 218 阅读 · 0 评论 -
vue生命周期
https://segmentfault.com/a/1190000011381906breforeCreate():实例创建前,这个阶段实例的data和methods是读不到的。created():实例创建后,这个阶段已经完成数据观测,属性和方法的运算,watch/event事件回调,mount挂载阶段还没有开始。el属性目前不可见,数据并没有在DOM元素上进行渲染。created完成之后,...转载 2020-04-01 11:02:11 · 42 阅读 · 0 评论 -
vue自定义指令
通过Vue.directive() 来定义全局指令有几个可用的钩子(生命周期), 每个钩子可以选择一些参数. 钩子如下:bind: 一旦指令附加到元素时触发inserted: 一旦元素被添加到父元素时触发update: 每当元素本身更新(但是子元素还未更新)时触发componentUpdate: 每当组件和子组件被更新时触发unbind: 一旦指令被移除时触发。bind和update...原创 2020-04-01 11:01:31 · 70 阅读 · 0 评论 -
Vue.js父子组件如何传值
一般页面的视图App.vue应为这样一.父组件向子组件传值1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性3.在App.vue中注册Child组件,并在template中加入child标签,标签中添加message属性并赋值4.保存修改的文件,查看浏览器5.我们依然...原创 2020-04-01 11:01:02 · 225 阅读 · 0 评论 -
虚拟dom
一、JS操作真实DOM的代价!用我们传统的开发模式,原生JS或JQ操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执行流程,最终执行10次。例如,第一次计算完,紧接着下一个DOM更新请求,这个节点的坐标值就变了,前一次计算为无用功。计算DOM节点坐标值等都是白白浪费的性能。即使...转载 2020-04-01 10:56:45 · 60 阅读 · 0 评论