vue-文章-Go语言中文社区

0推荐

1485浏览

Vue2.0史上最全入坑教程（完）—— 实战案例

我们书接上文，已经定义了两个组件（list、commonFooter、homeHeader.vue），接下来写home.vue： <templatelang="html"> <divclass="container"> <home-header></home-header> <divclass="content"> <ulclass="cont-ul"> <!--list组件展

0

0推荐

1001浏览

vue-cli中配置sass

主要有三个步骤步骤1 npminstallnode-sass--save-dev npminstallsass-loader--save-dev 步骤2 打开webpack.base.config.js在loaders里面加上 { test:/.scss$/, loaders:["style","css","sass"] } 步骤3 在需要用到scss的地方写上： <stylelang="scss"scoped=""type="text/css"></style>

0

0推荐

1612浏览

用webpack（2.x语法）手动搭建Vue项目

0

0推荐

1314浏览

全面解析vue-cli生成的项目中使用其他库（js库、css库）

本文代码github地址前言：最近有小伙伴问我，是不是用vue脚手架生成的项目就不能jquery了呢？显然，答案是否定的，必须能用。但是个人建议最好不要用了，用人家vue提供的不好嘛。一、用vue-cli生成项目 1.vueinitwebpack-simplevue-jq 2.cdvue-jq 3.cnpminstall 4.使用gitbash（只是为了方便） 5.package.json中修改端口--port8088 6.npmrundev 二、构建项目结构，引入相关文件目录结构如下： |--as

0

0推荐

1134浏览

Vuex从入门到入门

先说一个常用的vue辅助工具vue-devtools安装教程。一、什么是Vuex？为啥要使用它呢？首先我们假设一个场景：当我们需要一个“常量”，在各个组件之间传播（或者是.vue文件中传播），父组件，子组件，孙组件等5层到6层。当用户打开几个窗口进行数据操作的时候，数据就可能被污染（大中型项目中常见）。这样我们就需要一个控制中心（我叫它“核心前端数据库”）的东西

0

0推荐

1380浏览

Vuex从入门到熟练使用

本文github地址首先我问看下完整的Vuex选项对象 newVuex.Store({ state,//访问状态对象 mutations,//访问触发状态 getters, actions }); //还有一个模块的 exportdefaultnewVuex.Store({ modules:{ a:moduleA } }); 一、state---访问状态对象说明：也就是使用vuex中的数据 **1.**直接在组件中使用{{$store.state.num}} **2.**需要使用数据的组组件（此处是

0

0推荐

1132浏览

vue与服务端通信—vue-resource

Vue.js本身没有提供与服务端通信的借口，但是通过插件的形式实现了基于Ajax、Jsonp等技术的服务端通信。 ps：说明下，从vue2.x开始尤大大推荐使用axios进行数据交互，关于axios后续将继续和大家一起学习。今天我们就一起学习一下vue-resource。一、安装 npminstallvue-resource--save //然后在main.js（入口文件）中引入并注册 importVuefrom'vue'; importVueResourcefrom'vue-resource' Vu

0

0推荐

1304浏览

vue开发过程中跨域最简单解决方案

前言：我们在进行一个项目开发工程中，需要从后端工程师那里获取数据库中的数据。然而前端代码和后端代码在未打包前是分离的，这就引入了一个“跨域取数据”的问题。下面，我们就简单说下，利用vue脚手架生成的项目，在开发过程中怎么解决此问题。第一步找到并打开config文件夹下的index.js,做如下配置proxyTable： proxyTable:{ '/api':{ target:'http://api.xxxxxxxx.com', changeOrigin:tru

0

0推荐

1124浏览

富文本编辑器Ueditor如何在Vue中使用？

在我们项目中，有些时候需要使用富文本编辑器。本文将以百度开发的Ueditor结合Vue.js介绍一下。 ps:在vue中使用Ueditor有两种方法，其一是通过npminstallvue-ueditor安装包的形式，其二是在官网下载相关文件放在vue项目的静态资源（static）下。一、Ueditor介绍——官方网站 UEditor是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器。本文下载的版本为[1.4.3.3Jsputf-8版本]下载

0

0推荐

1202浏览

到了Vue2.x有哪些变化？—— 知识点

1.关于模板：在每个组件模板中（template），不在支持片段代码。个人理解：在template中必须有有一个根元素（rootelement）来包裹住所有代码。也就是template标签只能有一个亲儿子。 <body> <templateid="testMsg"> <h3>我是组件msg</h3><span>我是span</span> </template> <div

0

0推荐

1077浏览

到了Vue2.x有哪些变化？—— 组件通信

一、父子组件传递数据默认情况下父子组件的数据是不共享地推荐一个Vue辅助工具——vue-devtool下载ps：具体查看请参照vue-devtools安装 1.子组件获取父组件数据（儿子获取父亲数据）通过选项对象中的props，也就是下面的数据传输过程：知识点（关于props）： //方式一：用数组的方式 props:['m','myMsg'] //方式二：用json的形式，也就是给数据定义一个数据类型 props:{ m':String,

0

0推荐

1522浏览

Vue教程--使用官方脚手架构建实例（上篇）

本文基于工作项目开发，做的整理笔记因工作需要，项目框架由最初的Java／jsp模式，逐渐转移成node/express模式。现在新项目又因为业务流程中的交互操作，会使页面dom根据数据data不断显示变化，便觉得此时是否是最佳实际，应该尝试一下vue框架。因为之前也偷偷的进行了一些vue框架的踩坑工作，已经填了一些坑或者有一些解决方案了，这也才敢用上。依然由后台Java提供API。

0

0推荐

1353浏览

《Vue随笔》（一）使用vue-cli搭建项目

vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-cli一、安装node首先需要安装node环境，可以直接到官网https://nodejs.org/en/下载安装包。（中文官网http://nodejs.cn/）安装完成后，可以命令行工具中输入node-v和npm-v，如果能显示出版本号，就说明安装成功。二、安装vue-cli安装好了node，我们可以直接全局安装vue-

0

0推荐

1274浏览

用 vue cli 脚手架搭建单页面 Vue 应用

1、配置Node环境。自行百度吧。安装好了之后，打开cmd。运行node-v。显示版本号，就是安装成功了。注：不要安装8.0.0以上的版本，和vue-cli不兼容。我使用的6.10.3的版本，相对稳定。 2、使用npm管理依赖使用node自带的包管理工具npm管理项目中的依赖，由于npm的服务器在国外。经常会遇到速度奇慢或者下载不下来依赖的情况，所以推荐使用淘宝镜像。npminstall-gcnpm--registry=https:/

0

0推荐