入门
Vue 是响应式前端框架,所谓响应式指的是变量值有变化时,页面跟随变化。可以使用vue 脚手架创建一个vue 项目,会自动包含工程的基础目录以及代码。npm 是nodejs 的一个包管理工具,目前来看,已经成为前端包管理的通用工具。npm install 安装依赖,npm run dev以调试模式运行,node?会起一个server 完成响应。有个高级的地方,保存修改后,可以自动完成编译,在前端展示修改后的效果。所见即所得。貌似比较消耗资源,mac 烫烫的…
Dev 模式下有个坑,页面是以dev server 的模式启动的,那么使用http 访问服务接口会引起跨域。解决这个问题有两种途径,一种后端接口在返回的header 中支持跨域,然上线后会部署到一个服务下,没有跨域的问题,显然不太适合;另外一种,在vue 项目中可以设置本地代理,也就是做了一层转发,完美。vue 和iview 的配置不完全一样,不过原理就是这样子。
Npm run build 后会生成可放在服务器中运行的hs css html 等,显然这个是有压缩过。那么放到服务器上,使用什么webserver 呢?ngx 显然能胜任,还有本地缓存相当好用。一个项目中也许就一个页面,不值得再部署ngx ,用go 也是可行的,echo 框架的static 方法,很容易实现。不过性能如何,不清楚。也许可以压测一波。
Iview 这个项目提供了很多Ui 框架,代码可读性强,容易上手完成前端开发,甚得我心。
Vue 的一个基本思路是,view 与数据分离,vue 通过vue model 来实现双向绑定。双向绑定的效果是,view 变化可以与数据层联动。
Div 容器,可包含各种组件,如input button 等,可以设置style ,垂直排列