蒲厷渶と戀的博客

vue中引入react组件

Vue.js快速创建项目并启动1、安装Node 官方网址：https://nodejs.org/en/在官网下载安装。2、安装webpacknpm install webpack -g3、安装Vue脚手架npm install vue-cli -g4、创建模板项目。命令：vue init webpack  项目名（不能含中文）。如下图：上图中的配置信息如

编写代码时，代码在编辑器中显示高亮，一方面，在感官方面使人觉得很舒服；另一方面，还可以提高开发效率。下面简单介绍vue文件在Sublime Text3 中高亮的vue插件的安装方法：        第一步：安装Package Control        第二步：执行Install Package        第三步：安装Vue  Syntax Highlight具体步骤如下：

项目开发中，经常会遇到分页功能，也会经常涉及组件化开发和组件复用，下列用vue对分页组件进行了简单封装，具体代码如下：源代码：（1）app.vue代码段： {{msg}} import pagination from './components/pagination.vue';export default { name: 'app', da

错误：出现问题原因：2.0已经没有map这个方法了，只有1.0兼容该方法。解决方法：（1）方法1：使用命令npm install vue-router@0.7.13兼容1.0版本vue。在代码中的使用方法：（2）解决方法2：基于vue2.0，写对应的方法。具体用法如下图：注：1.0和2.0在一些用法上有比较大的差别，用的时候需要注意。

在vuejs程序启动时，会遇到一种常见问题，在终端报错：Unexpected tab character。如下图：解决方法：在eslint的配置文件中（.eslintrc）rules项中添加一行："no-tabs":"off"，如下图：具体详细用法，可以参照网站：http://eslint.org/docs/rules/no-tabs

项目开发中，使用vue实现tab页签切换功能。具体实例如下：（1）首先定义子组件，如下图：以select01.vue为例，子组件的源代码如下： {{msg}}export default { data(){ return{ msg:"select01" } }}（2）在app.vue中将子组件引入，通过v-for实现

在vue的项目开发中，数据的可视化可以用echarts来实现，具体用法如下：（1）安装echarts，进入项目目录，执行如下命令，安装echarts：npm install echarts --save-dev（2）引入echarts，并对相关的横坐标和纵坐标进行赋值，该实例直接写入了app.vue中，具体代码如下： export default {