一般都是用IDEA来编写vue项目,而vue项目一般使用的组件库element是目前广受好评的一个组件库。
element组件具有一致性、效率性、可控性等特点,使用时快速方便的创建一个一个又一个的vue的页面,目前我们称这种为单页应用,单页应用的全称是 single-page application,简称 SPA,它是一种网站应用的模型,它可以动态重写当前的页面来与用户交互,而不需要重新加载整个页面,单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。
下面在IDEA中打开创建的vue项目,来创建一个简单的声明式渲染的页面。
下面进行第一步的操作,引入element组件,在idea的命令窗口中输入下面的命令
cnpm install element-ui --save
引入后,在展开vue项目,找到package.json,点击打开,有找到"element-ui": "^2.11.1"
就说明已经将element组件样式引入了vue项目中了。
下一步就是进行对element组件进行全局引用,这样在创建vue页面时,就无需一个一个的引入element组件。
找到mian.js,点击打开,分别输入以下三条代码,就可以全局引用了。
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
全部弄好了之后,现在来做一个简单的声明式渲染。
写入下图的代码,然后运行vue的项目。
再来看一下运行图,这时已经运行vue项目,把hello vue渲染出来了。